.os-r{
    min-width: 320px;
    position: relative;
    display: block;
    clear: both;
    margin-top: 15px;
}

.os-grid-1,
.os-grid-2,
.os-grid-3,
.os-grid-4,
.os-grid-5,
.os-grid-6,
.os-grid-7,
.os-grid-8,
.os-grid-9,
.os-grid-10,
.os-grid-11,
.os-grid-12{
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

@media all and (min-width:480px) {
    
    .os-grid-1,
    .os-grid-2,
    .os-grid-3,
    .os-grid-4,
    .os-grid-5,
    .os-grid-6,
    .os-grid-7,
    .os-grid-8,
    .os-grid-9,
    .os-grid-10,
    .os-grid-11,
    .os-grid-12{
        float: left;
    }
    
	.os-grid-1{
        width: 8.3333333%;
    }
    .os-grid-2{
        width: 16.6666666%;
    }
    .os-grid-3{
        width: 24.9999999%;
    }
    .os-grid-4{
        width: 33.3333332%;
    }
    .os-grid-5{
        width: 41.6666665%;
    }
    .os-grid-6{
        width: 49.9999988%;
    }
    .os-grid-7{
        width: 58.3333331%;
    }
    .os-grid-8{
        width: 66.6666664%;
    }
    .os-grid-9{
        width: 74.9999997%;
    }
    .os-grid-10{
        width: 83.3333333%;
    }
    .os-grid-11{
        width: 91.6666663%;
    }
    .os-grid-12{
        width: 99.9999996%;
    }
}

